* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


/*
    滚动条样式：
        vue环境下需要去除scoped，插件属于外部样式，不去除无法自定义插件的样式，
        因为scoped会将样式影响控制在当前文件，阻止了进一步的渗透
        重点是需要给父元素添加position（官方文档强制要求）
        不添加会影响到滚动条位置
 */
/*包裹容器*/
.perfect-area {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

/* 滚动条滑块样式 */
.ps__thumb-y {
    /* 定义滚动条宽度实际上可以不需要加!important ，但背景色等需要加，目的是提高样式的优先级，达到覆盖原生样式的作用，建议所有都加!important，以防万一 */
    width: 4px !important;
    background-color: red !important;
    z-index: 1000; /* 确保高于其他元素 */
}

/* 滚动条轨道样式 */
.ps__rail-y {
    width: 0px !important;
    /*
       width: 0px;
       border-radius: 6px;
       background-color: #0cb415 !important;
    */
}

/* 横向滚动条样式 */
.ps__rail-x{
    background-color: #0cb415 !important;
}